<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
    <title>蜜蜂试玩</title>
    <link href="css/reset.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="content-wrap">
    <div class="header-bg"></div>
    <div class="content">
        <p class="title">蜜蜂试玩</p>
        <div class="information">
            <div class="information-top">
                <div class="headportrait pull-left"><img src="images/headportrait.jpg"></div>
                <div class="idmessage pull-left">
                    <a href="personal.html">ID：2345342345444</a>
                </div>
                <div class="signin pull-right">签到</div>
                <div class="clear"></div>
            </div>
            <div class="information-bottom">
                <div class="pull-left balance">
                    <div class="number">1</div>
                    <div class="text">余额(元) 
                    <span class="cashwithdrawal">提现</span>
                    </div>
                </div>
                <div class="pull-left  earningstoday">
                    <div class="number">0</div>
                    <div class="text">今日收益(元)</div>
                </div>
                <div class="pull-left accumulatedincome">
                    <div class="number">1</div>
                    <div class="text">累计收益(元)</div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="tips-wrap">
            <span class="notice"><img src="images/lingdang.png"></span>
            今天网站维护,今天网站维护
        </div>
        <div class="task-wrap">
            <div class="pull-left big-task">
                <div class="task-content">
                    <p class="top">快速任务</p>
                    <p class="bot">限时限量</p>
                </div>
            </div>
            <div class="pull-left small-task">
                <div class="task-top">
                    <p class="top">收徒赚钱</p>
                    <p class="bot">收徒1人 立赚20元</p>
                </div>
                <div class="task-bottom">
                    <p class="top">游戏任务</p>
                    <p class="bot">高额游戏任务，赚钱更多</p>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="popular-wrap">
            <p class="popular-text">热门发现</p>
        </div>
        <div class="banner-wrap">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                      <a href="#">
                          <img src="images/1.jpg"/>
                      </a>
                  </div>
                  <div class="swiper-slide">
                      <a href="#">
                          <img src="images/2.jpg"/>
                      </a>
                  </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
</div>
<script src="js/index.js"></script>
<script src="js/swiper.min.js"></script>
<script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container',{
            pagination: {
                el: '.swiper-pagination',

              },
              autoplay : true
    })
</script>
</body>
</html>